<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
</head>

<body>
    <!-- 引入vue的js文件，放在文件的头部 -->
    <script src="https://cdn.jsdelivr.net/npm/vue@2.7.14/dist/vue.js"></script>


    <div id="root">




    </div>


</body>
<script type="text/javascript">

    // 定义个构造函数
    function Demo() {
        this.a = 1
        this.b = 2
    }

    // 创建一个Demo的实例对象
    const d = new Demo()

    // 显示和隐式都是指向的原型对象
    console.log(Demo.prototype);    // 显示原型属性
    console.log(d.__proto__);   // 隐式原型属性

    console.log(Demo.prototype == d.__proto__);     // true

    Demo.prototype.x = 99   // 通过显示原型属性操作追加一个x属性
    // 那么通过 隐式原型属性 也可以获取到x属性

    // 一个重要的内置关系：VueComponent.prototype.__proto__  ===  Vue.prototype
    // 设置这个关系的原因是：让组件实例对象（vc）可以访问到Vue原型上的属性和方法

</script>

</html>